<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!--禁止用户在手机上缩放-->
    <title></title>

    <link rel="stylesheet" href="__CSS__/bootstrap.min.css">
    <link rel="stylesheet" href="__AOS__/css/font-awesome.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="__JS__/html5shiv.min.js"></script>
    <script src="__JS__/response.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="__CSS__/personal_center.css">
    <script src="__JS__/jquery.min.js"></script>
    <script src="__JS__/bootstrap.min.js"></script>

    <!--省市二级联动JS代码-->
    <script src="__JS__/city.js"></script>
   <!--省市区三级联动js代码-->
    <script src="__JS__/area.js"></script>

</head>
<body>
<!--响应式导航-->
<div class="container"style="background-color: black">
    <div class="row"  style="padding: 1rem;">
        <div class="col-xs-12" >
            <a href="{:url('Index/index')}"  style="font-size: 1rem;color:white;">
                <span class="glyphicon glyphicon-tint"></span>在线学习
            </a>

        </div>
    </div>
</div>

<div class="container">
    <div class="row">

        <!--菜单开始-->
        <div class=" col-lg-2 col-md-2 col-xs-12  col-sm-12 menu">


            <div class="row hidden-lg hidden-md menu_4">
                <!--放头像名字,在手机上显示-->

            </div>



            <div class=" hidden-xs hidden-sm hidden-md row menu_2">
                <!--放头像名字，在电脑上显示-->

            </div>


            <div class="row">
                <p class="menu_font">账号管理</p>
                <div class="navbar-header col-xs-12 col-sm-12 ">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2">
                        <i class="fa fa-th-list fa-2x"></i>  <!--自己换的图标-->
                    </button>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse col-xs-12 col-md-12 col-sm-12 col-lg-12" id="bs-example-navbar-collapse-2">

                    <div class="row nav navbar-nav menu_1">
                        <div class="col-xs-4 col-md-12 col-sm-4 col-lg-12">
                            <a href="{:url('personal/account_binding')}">账号绑定</a>
                        </div>
                        <div class="col-xs-4 col-md-12 col-sm-4 col-lg-12 " style="background-color: red">
                            <a href="{:url('personal/index')}" style="color: white">个人信息</a>
                        </div>
                        <div class="col-xs-4 col-md-12 col-sm-4 col-lg-12">
                            <a href="   {:url('personal/real_name')}">实名认证</a>
                        </div>
                        <div class="col-xs-4 col-md-12 col-sm-4 col-lg-12">
                            <a href="{:url('personal/recharge')} " >账户充值</a>
                        </div>
                        <div class="col-xs-4 col-md-12 col-sm-4 col-lg-12">
                            <a href=" {:url('personal/shopping_record')}">消费记录</a>
                        </div>
                        <div class="col-xs-4 col-md-12 col-sm-4 col-lg-12">
                            <a href=" {:url('personal/wealth_search')}">余额查询</a>
                        </div>
                        <div class="col-xs-4 col-md-12 col-sm-4 col-lg-12">
                            <a href="{:url('personal/mycourse')}">我的课程</a>
                        </div>
                        <div class="col-xs-4 col-md-12 col-sm-4 col-lg-12">
                            <a href="">上传课程</a>
                        </div>

                    </div>
                </div>


            </div>
        </div>
        <!--菜单结束-->


        <div class="col-xs-12 col-sm-12 col-md-10 clo-lg-10">
            <div class="row personal1 ">
                <div class="col-xs-6 col-sm-6 col-md-11 clo-lg-11 personal1_1">
                    个人信息测试界面
                </div>
                <div class="col-xs-6 col-sm-6 col-md-1 clo-lg-1">
                    <a href="">
                        <i class="fa fa-eyedropper"></i>
                        编辑
                    </a>
                </div>
            </div>
            <div class="row personal1_2">
                <div class="col-xs-6 col-sm-6 col-md-2 clo-lg-2 personal1_21">
                    昵称
                </div>
                <div class="col-xs-6 col-sm-6 col-md-9 clo-lg-9 personal1_22">
                    追寻哥哥
                </div>
            </div>
            <div class="row personal1_2">
                <div class="col-xs-6 col-sm-6 col-md-2 clo-lg-2 personal1_21">
                    职业
                </div>
                <div class="col-xs-6 col-sm-6 col-md-9 clo-lg-9 personal1_22">
                    php工程师
                </div>
            </div>

            <div class="row personal1_2">
                <div class="col-xs-6 col-sm-6 col-md-2 clo-lg-2 personal1_21">
                    城市
                </div>
                <div class="col-xs-6 col-sm-6 col-md-9 clo-lg-9 personal1_22">


                    <!--省市二级联动开始-->
                    <form action="{:url('personal/test1')}" method="post">

                      <SELECT name="sheng" id="to_cn" onchange="set_city(this, document.getElementById('city')); WYL();" class=login_text_input >

                        <option value=0>请选择</option>

                        <option value=台湾>台湾</option>

                        <option value=北京>北京</option>

                        <option value=上海>上海</option>

                        <option value=天津>天津</option>

                        <option value=重庆>重庆</option>

                        <option value=河北省>河北省</option>

                        <option value=山西省>山西省</option>

                        <option value=辽宁省>辽宁省</option>

                        <option value=吉林省>吉林省</option>

                        <option value=黑龙江省>黑龙江省</option>

                        <option value=江苏省>江苏省</option>

                        <option value=浙江省>浙江省</option>

                        <option value=安徽省>安徽省</option>

                        <option value=福建省>福建省</option>

                        <option value=江西省>江西省</option>

                        <option value=山东省>山东省</option>

                        <option value=河南省>河南省</option>

                        <option value=湖北省>湖北省</option>

                        <option value=湖南省>湖南省</option>

                        <option value=广东省>广东省</option>

                        <option value=海南省>海南省</option>

                        <option value=四川省>四川省</option>

                        <option value=贵州省>贵州省</option>

                        <option value=云南省>云南省</option>

                        <option value=陕西省>陕西省</option>

                        <option value=甘肃省>甘肃省</option>

                        <option value=青海省>青海省</option>

                        <option value=内蒙古>内蒙古</option>

                        <option value=广西>广西</option>

                        <option value=西藏>西藏</option>

                        <option value=宁夏>宁夏</option>

                        <option value=新疆>新疆</option>

                        <option value=香港>香港</option>

                        <option value=澳门>澳门</option>
                    </SELECT> - 市
                    <select id="city" class=login_text_input name="shi">

                        <option value=0>请选择</option>

                    </select>

                    <input type="submit" value="提交">
                    </form>

                    <!--省市二级联动结束-->

                </div>
            </div>
            <div class="row personal1_2">
                <div class="col-xs-6 col-sm-6 col-md-2 clo-lg-2 personal1_21">
                    性别
                </div>
                <div class="col-xs-6 col-sm-6 col-md-9 clo-lg-9 personal1_22">
                    男
                </div>
            </div>
            <div class="row personal1_2">
                <div class="col-xs-6 col-sm-6 col-md-2 clo-lg-2 personal1_21">
                    个性签名
                </div>
                <div class="col-xs-6 col-sm-6 col-md-9 clo-lg-9 personal1_22">
                    妹妹们不要太爱我
                </div>
            </div>

            <!--省市区三级联动开始-->
            <form action="{:url('personal/test1')}" method="post">
                <div>
                    <select id="s_province" name="province"></select>  
                    <select id="s_city" name="city" ></select>  
                    <select id="s_county" name="county"></select>
                </div>
                <!--初始化-->
                  <script type="text/javascript">_init_area();</script>
                <input type="submit" value="提交">
               </form>
            <!--省市区三级联动结束-->

        </div>
    </div>
</div>





</div>
<div class="container-fluid last hidden-xs hidden-sm hidden-md">
    <!--隐藏的要一个一个写-->
    <div class="row">
        <div class="col-lg-1 hidden-xs hidden-sm hidden-md"></div>
        <div class="col-lg-8 hidden-xs hidden-sm hidden-md ">
            <ul class="last1">
                <li><a href="#" class="ss">网站首页</a></li>
                <li><a href="#" class="ss">企业合作</a></li>
                <li><a href="#" class="ss">人才招聘</a></li>
                <li><a href="#" class="ss">联系我们</a></li>
                <li><a href="#" class="ss">讲师招聘</a></li>
                <li><a href="#" class="ss">常见问题</a></li>
                <li><a href="#" class="ss">意见反馈</a></li>
                <li><a href="#" class="ss">慕课大学</a></li>
                <li><a href="#" class="ss">友情连接</a></li>
            </ul>
            <p class="last3">
                Copyright © 2017 imooc.com All Rights Reserved | 川ICP备 13046642号-2
            </p>
        </div>
        <div class=" col-lg-3 hidden-xs hidden-sm hidden-md last2">
            <div class="as">
                <i class="fa fa-weixin fa-2x"></i>
            </div>
            <div class="as">
                <i class="fa fa-qq fa-2x"></i>
            </div>
            <div class="as">
                <i class="fa fa-weibo fa-2x"></i>
            </div>

        </div>

    </div>
</div>

<div class="container-fluid hidden-lg bg">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12 hidden-lg ">
            <p class="end">
                手机网站：要学技术就来慕课网
            </p>
        </div>
    </div>

</div>



</body>
</html>

